<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title>Siyu Du</title>
    <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.3/build/pure-min.css" integrity="sha384-cg6SkqEOCV1NbJoCu11+bm0NvBRc8IYLRGXkmNrqUBfTjmMYwNKPWBTIKyw9mHNJ" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
</head>

<body>
    <div class="header">
        <div class="logo">
            <img src="0.jpg" title="logo">FAN凡摄影
        </div>
        <div class="menu">
            <ul>
                <li class="active"><a href="index.html">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="gallery.html">相册</a></li>

            </ul>
        </div>
    </div>

    <div class="welcome">
        <h1>welcome</h1>
        <p>Team website</p>
    </div>

    <div class="works pure-g">
        <a class="work pure-u-1-3" href="#">
            <div class="inner">
                <div class="top">
                    <img src="4.jpg" alt=""width="400px" height="300px" > 
                </div>
                <div class="bottom">
                    <h3 class="work-title">李松凡</h3> <br>
                    <span class="category">李松凡 四川 筠连</span>
                </div>
            </div>
        </a>
        <a class="work pure-u-1-3" href="#">
            <div class="inner">
                <div class="top">
                    <img src="5.jpg"  width="400px">
                </div>
                <div class="bottom">
                    <h3 class="work-title">李松凡</h3> <br>
                    <span class="category">李松凡 四川 筠连</span>
                </div>
            </div>
        </a>
        <a class="work pure-u-1-3" href="#">
            <div class="inner">
                <div class="top">
                    <img src="1.jpg" alt="" width="400" height="300">  
                </div>
                <div class="bottom">
                    <h3 class="work-title">我叫柳斌</h3>
                    <span class="category">我叫柳斌来自 四川 达州</span>
                </div>
            </div>
        </a>
        <a class="work pure-u-1-3" href="#">
            <div class="inner">
                <div class="top">
                    <img src="2.jpg" alt="" width="400" height="300">  
                </div>
                <div class="bottom">
                    <h3 class="work-title">王骞</h3>
                    <span class="category">我叫王骞来自 四川 万源</span>
                </div>
            </div>
        </a>
        <a class="work pure-u-1-3" href="#">
            <div class="inner">
                <div class="top">
                    <img src="7.jpg" alt="" width="400" height="300">
                </div>
                
            </div>
        </a>
        <a class="work pure-u-1-3" href="#">
            <div class="inner">
                <div class="top">
                    <img src="8.jpg" alt="" width="400" height="300">
                </div>
                <div class="bottom">
                    <h3 class="work-title">雷勇敢</h3>
                    <span class="category">我叫雷勇敢来自 四川 达州</span>
                </div>
            </div>
        </a>
    </div>




    <div class="about">
        <div class="left">
            <img src="6.jpg" alt="" width="400" height="300">
        </div>

        <div class="right">
            <h1>凡凡摄影工作室</h1>
            <p>摄影工作室一般是指由几个人或一个人建立的组织，形式多种多样，大部分具有公司模式的雏形，一般没有资金进行企业注册，或员工较少的团体常以工作室的名义存在，一对一的拍摄服务是区分摄影工作室和影楼的重要因素。

                　　摄影工作室创业计划书第一章：摘要
                　　摄影工作室主要是以艺术写真为第一主业，其次证件照拍摄，修图。
                
                　　摄影工作室创业计划书第二章：摄影工作室 介绍
                　　我们的宗旨
                
                　　摄影工作室，我们的主要是从事服务行业，我们的顾客主要.是以学生、商铺宣传、婚纱摄影为主。</p>
        </div>
    </div>

    <div class="about1">
        <div class="left">
            <ul>
                <li>个人爱好：<br>我是柳斌 爱好是打篮球 游泳 爬山</li>
                <li>个人爱好：<br>我是雷勇敢 喜欢看动漫，喜欢冒险  </li>
                <li>个人爱好：<br>我是李松凡 爱好是打篮球 旅行 摄影 做饭交朋友</li>
                <li>个人爱好: <br>我是王骞 个人爱好是打篮球 打游戏 看书</li>
               

            </ul>
        </div>
        <div class="right">
            <img src="9.jpg" alt="" width="400" height="300">
        </div>
    </div>


    <div class="footer">
        <div class="top">
            <h3>CONTACT</h3>
            <div class="info pure-g">
                <div class="box pure-u-1-4">
                   
                    <p>http://liu-bin-123.gitee.io/liu-bin---final-assignment</p>
                </div>
                <div class="box pure-u-1-4">
                    
                    <p>http://wang-qian-shi-ni.gitee.io/final-assignment</p>
                </div>
                <div class="box pure-u-1-4">
                    
                    <p>http://li-songfan.gitee.io</p>
                </div>
                <div class="box pure-u-1-4">
                    
                    <p>http://wang-qian-shi-ni.gitee.io/final-assignment</p>
                </div>
            </div>
        </div>

        <div class="bottom">
            All rights reserved by our team in 2020
        </div>
    </div>
</body>

</html>